.widget-recharge{
  margin:0 auto;
  padding:10px 0;

  .bank-type{
    height:30px;
    font-weight: bold;
    text-align: center;
    font-size:18px;
  }

  .recharge-amount{
    height: 40px;
    text-align: center;
    display: none;
    font-size:16px;
    span{
      font-size:20px;
      font-weight: bold;
      color:#000;
    }
  }

  .bank-select{
    .bank-container{
      .one-bank{
        float: left;
        margin:4px;
        cursor: pointer;
        a{
          display:block;
          width: 180px;
          height: 45px;
          background: #f7f7f7 url(./image/bank.png) no-repeat;
        }
        a:hover{
          background-color: #d1d1d1;;
        }
        .active{
          background-color:  #d1d1d1;;
        }
        .gongshang{
          background-position: 0 0 ;
        }
        .nongye{
          background-position: -200px 0 ;
        }
        .zhongguo{
          background-position: -400px 0 ;
        }
        .jianshe{
          background-position: -600px 0 ;
        }
        .youzheng{
          background-position: -800px 0 ;
        }
        .beijing{
          background-position: -400px -150px ;
        }


        .jiaotong{
          background-position: -0px -50px ;
        }
        .zhaoshang{
          background-position: -200px -50px ;
        }
        .pufa{
          background-position: -400px -50px ;
        }
        .xingye{
          background-position: -600px -50px ;
        }

        .minsheng{
          background-position: -400px -100px ;
        }

        .btn-more{
          background-position: -800px -50px ;
        }
        .guangda{
          background-position: -800px -100px ;
        }
        .shanghai{
          background-position: -400px -200px ;
        }
      }

      .more-bank{
        display: none;
      }
    }


    .bank-action{
      text-align: center;
    }

    .bank-limit{
      margin:10px 0;
      background: #fafafa;
      .content{
        margin:10px 20px;
        padding:10px 0;
        display: none;
        h5{
          padding:10px 0;
          text-align: center;
        }
        table{
          width: 100%;
          vertical-align: center;
          thead{
            th{
              padding:10px 0;
              border:1px solid #9a9a9a;
            }
          }
          tbody{
            td{
              border:1px solid #9a9a9a;
              padding:10px;
            }
          }
        }
      }

    }

    .agreement{
      margin:10px;
      text-align: center;
      a{
        color: #03b6f8;
      }
      a:hover{
        color: #08d6f8;
      }
    }
  }
}

.ui-dialog{
  .dialog-content{
    a{
      color: #03b6f8;
    }
    a:hover{
      color: #08d6f8;
    }
  }
}